{#if error} @{data.username}{$locale().errors?.profileCouldNotBeLoaded?.split('@{username}')[1]} {:else} {#if userData === null}

{$locale().user.profile.notLoaded?.split('@{username}')[0]}@{data.username}{$locale().user.profile.notLoaded?.split('@{username}')[1]}

{:else if userData === undefined} {:else}

{#if userData}

{/if}

@{userData.name} {#if userData && authorisedUsers.includes(userData.id)} ‌ {/if} • {$locale().user.profile.badgeWallLink}

{#if preferences && preferences.biography && preferences.biography.length > 0} {/if} {$locale({ values: { username: userData.name, anime: (userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1), manga: estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1) } }).user.profile.statistics} {#if schedule && preferences && preferences.biography && preferences.biography.length > 0}
{:else} {/if} {#if $Profile.fetching} {displayBadges(userData.name, '...')} {:else if $Profile.data && $Profile.data.User} {@const badges = $Profile.data.User.badgesCount} {#if badges} {displayBadges(userData.name, badges)} {:else} {displayBadges(userData.name, '?')} {/if} {:else} {displayBadges(userData.name, '?')} {/if}

{/if} {#if schedule && preferences && preferences.pinned_hololive_streams.length > 0}

{#each preferences.pinned_hololive_streams as stream, index} {@const avatar = schedule.dict[stream]} {#if avatar}

{/if} {/each}

{/if} {#if isOwner}

{$locale().user.preferences.title}

{ if (userData) toggleHideMissingBadgesQuery.mutate(null).then(); }} checked={ownerPreferences.hide_missing_badges} /> {$locale().user.preferences.hideMissingBadges.title} {$locale().user.preferences.hideMissingBadges.hint} { if (userData) toggleHideAWCBadgesQuery.mutate(null).then(); }} checked={ownerPreferences.hide_awc_badges} /> {$locale().user.preferences.hideAWCBadges.title} {$locale().user.profile.pinnedCategories}

{#each ownerPreferences.pinned_badge_wall_categories as category}

handleDragStart(event, category)} ondragover={handleDragOver} ondragenter={(event) => handleDragEnter(event, category)} ondragleave={(event) => handleDragLeave(event, category)} ondrop={handleDrop} role="button" tabindex="0" > {category}

{/each}

{$locale().user.profile.biography} {$locale().user.profile.badgeWallCustomCss}

{/if} {/if}